<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>taiji </title>
  <link rel="stylesheet" href="taichi.css">
</head>
<body>
  <h1>太极纯圆画法<h1>
    <br>
<div class="taichi1">
    <div class="out1">
<div class="out2">
  
  <div class="circle">
    <div class="cr1">
      <div class="smcr1">
        
      </div>
    </div>
    <div class="cr2">
      <div class="smcr2">
         </div>    
          <br> 
               
      </div>
    </div>
  </div>
  
</div>
</div>
    
<h1>太极伪类画法</h1>
<p>box-sizing:content-box;,<br>::after和::before</p>

<div id="taichi"></div>
    
</body>
</html>